<template>
    <div class="main-content">
        <el-card class="left-tree">
            <div class="page-title">
                什么是素数？
            </div>
            <div class="des">
                “素数一般指质数。质数是指在大于1的自然数中，除了1和它本身以外不再有其他因数的自然数?
            </div>
             <video src="../../../assets/mp4/sushu.mp4" controls="controls" width="500px" height="350px" style="margin-top:25px">
                your browser does not support the video tag
            </video>
        </el-card>
        <div class="page-container">
            <el-card class="page-right">
            <div class="page-title">
                例一：素数就是质数，质数就是数字可以化成的最简单的因式，只能被1和其本身整除。如2、3、5、7、11.
            </div>
            <div class="des">
                “素数一般指质数。质数是指在大于1的自然数中，除了1和它本身以外不再有其他因数的自然数\
            </div>
            </el-card>
        </div>
    </div>
</template>
<script>

export default {
    name: 'user',
    components: {
      
    },
    data() {
        return {
           
        }
    },
    mounted() {
      
    },
   
    methods: {
        
    }
}
</script>

<style lang="scss">
.main-content {
    width: 100%;
    height: 100%;
    display: flex;
    // background: #f1f1f1;
    .left-tree {
        margin: 12px 0 12px 12px;
        min-height: 800px;
        height: 80vh;
        flex: 0 0 550px;
        background: #fff;
        padding: 12px;
        box-sizing: border-box;
        .el-card__header {
            font-size: 14px;
            padding: 0;
            line-height: 40px;
        }
        .el-card__body {
            padding: 12px 0;
        }
    }
    .page-right{
        margin: 12px 0 12px 12px;
        min-height: 800px;
        height: 80vh;
        flex: 0 0 550px;
        background: #fff;
        padding: 12px 24px;
        box-sizing: border-box;
        .el-card__header {
            font-size: 14px;
            padding: 0;
            line-height: 40px;
        }
        .el-card__body {
            padding: 12px 0;
        }
    }
    .page-container {
        background: #fff;
        box-sizing: border-box;
        width:100%;
        
    }
    .page-title{
        font-size: 16px;
        font-weight: bold;
    }
    .des{
       font-size: 12px;
       margin-top:10px;
    }
}
</style>
